初级前端和高级前端有什么差别？在我看来，初级前端关注点在完成功能，高级前端能在完成功能的基础上，做的又好又快。做的好，就是代码质量高，做的快就是开发效率高。 本文讨论的主要内容是：提升代码质量的方法。 高质量的代码的重要性 高质量的代码体现 ...

一、图片懒加载原理 浏览器是否发起请求图片是根据中src的属性，所以实现原理就是在图片没有进入可视区域的时候将图片链接放在datasrc中，等到图片载入可视区域再给src赋值 二、懒加载思路及实现 懒加载的实现这里提供的两种方法 ...

本文主要介绍 24 中 es6 方法，这些方法都挺实用的，小本本请记好，时不时翻出来看看。 1.如何隐藏所有指定的元素 const hide = (el) => Array.from(el).forEach(e => (e.style.di ...

背景 传统的优化用户等待的体验 - 白屏使用动画，菊花图，加载进度条等： image.png It can be bad because progress indicators by definition call attention to ...

在next.js框架中如何加入google或者百度统计呢？ 1. 第一种 在之间加入，代码如下 <script dangerouslySetInnerHTML={{__html: `(function( ...

坑一、页面所有图片和icon都不显示 上周五，有人在群里反馈有些用户（其实就是一个）访问我们的一个页面，icon和图片均不显示；惯性思维以为是用户网络问题，后来想想不对，因为那个页面所有的icon和图片都不显示，因此要么代码的兼容性问题，要 ...

上节讲了下webpack的loaders，然后尝试用babel-loader打包了下，想这些基础的loader还有一些需要介绍一下，本章说下关于打包图片资源的loader：file-loader和url-loader。 git仓库：web ...

1、使用场景 _.chunk(array, [size=1]) 将数组（array）拆分成多个 size 长度的区块，并将这些区块组成一个新数组。 如果 array 无法被分割成全部等长的区块，那么最后剩余的元素将组成一个区块。 _.chu ...

本文首发于 艾特网 - 程序员导航站 中的博客专栏，地址：https://www.iiter.cn/blogs/37 强烈建议收藏或保存 说在前面 最近想着给 艾特网 - 程序员导航站 后台扩展文件上传的功能。因为考虑到七牛云对象存储比较 ...

问题 活体实名认证，需要移动端H5上传视频，需求是只调取摄像头、文件格式为mp4格式 实现方案 HTML ...